<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>排单-lineshop</title>
        <meta name="keywords" content=""/>
        <meta name="description" content=""/>
        <link rel="stylesheet" href="/wx/js/lib/jqueryWeui/weui.min.css"/>
        <link rel="stylesheet" href="/wx/js/lib/jqueryWeui/jquery-weui.min.css"/>
        <link rel="stylesheet" href="/wx/css/swiper-3.3.1.min.css"/>
        <link rel="stylesheet" href="/wx/css/gb.css"/>
        <link rel="stylesheet" href="/wx/css/home/common.css"/>
        <link rel="stylesheet" href="/wx/css/jquery.gritter.css"/>

        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <script type="text/javascript">
            var config_autoload={'kefu':0,'webnav':0}
        </script>
        <!-- utils.js提前 -->
        <script src="/wx/js/lib/jquery-2.1.1.min.js"></script>
        <script src="/wx/js/lib/jqueryWeui/jquery-weui.min.js"></script>
        <script src="/wx/js/lib/promise-7.0.4.min.js"></script>
        <script src="/wx/js/lib/jquery.gritter.min.js"></script>

        <script src="/wx/js/lib/fastclick.js"></script>
        <script src="/wx/js/lib/template.js"></script>
        <script src="/wx/js/utils/utils.js"></script>
        <script src="/wx/js/busi/main.js"></script>

        <style>
            body{
                padding-bottom: 60px;
                background-color: #fff !important;
            }
            /*banner*/
            .goodsWrap .swiper-slide img{
                width: 100%;
                margin-top: -2px;
            }
            /*商品列表*/
            .goodsWrap .goods_img{
                width: 100%;
            }
            .goodsWrap .goods_price{
                margin-top: 8px;
                font-size: 18px;
                color: #ff0000;
            }
            .placeholder {
                height: 40px;
                line-height: 40px;
                color: #1c1c1c;
                text-align: center;
                background-color: #d9dedf;
            }
            .goodsWrap .borderLeft{
                border-right: 1px solid #fff;
            }
            .goodsWrap .goods_des{
                padding-top: 7px !important;
            }
            .goodsWrap .goodsDetailTitle{
                color: #0f0f0f;
                padding-left: 30px;
            }
            .goodsWrap .goodsDetail .line{
                position: absolute;
                top: 14px;
                left: 15px;
                width: 9px;
                height: 20px;
                background-color: #666;
            }
            /*立即购买*/
            .payWrap{
                position: fixed;
                bottom: 0;
                width: 100%;
                max-width: 750px;
                line-height: 45px;
                font-size: 16px;
                color: #fff;
                text-align: center;
            }

        </style>
    </head>
    <body data-footer-locate='' style="width:auto;" class="backgri">
        <section class="header_placeholder footer_placeholder pageWidth">
            <!-- 商品详情 -->
            <section class="goodsWrap">
                <div class="">
                    <div class="weui-panel weui-panel_access">
                        <div class="weui-panel__bd">
                            <div class="weui-media-box weui-media-box_text noborder_before nopadding">
                                <div class="swiper-container banner_swiper">
                                    <div class="swiper-wrapper js-banner-template">
                                        <script id = "js-banner-template" type="text/html">
                                            {{each data as value key}}
                                            <div class="swiper-slide">
                                                <img src="http://{{apiDomain}}{{value.url}}" alt="">
                                            </div>
                                            {{/each}}
                                        </script>
                                    </div>
                                    <div class="swiper-pagination banner-pagination"></div>
                                </div>
                                <div class="pdtrbl15 goods_des js-goods-intro-template">
                                    <script id = "js-goods-intro-template" type="text/html">
                                        <h4 class="weui-media-box__title">{{data.name}}</h4>
                                        <p class="goods_price">￥{{Price(data.price)}}</p>
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="js-goods-content-template">
                        <script id = "js-goods-content-template" type="text/html">
                            <div class="weui-flex">
                                <div class="weui-flex__item">
                                    <div class="placeholder borderLeft">包邮</div>
                                </div>
                                <div class="weui-flex__item">
                                    <div class="placeholder borderLeft">销量：{{data.sales + data.actual_sales}}件</div>
                                </div>
                                <div class="weui-flex__item">
                                    <div class="placeholder">库存：{{data.inventory}}件</div>
                                </div>
                            </div>
                            <div class="goodsDetail">
                                <div class="weui-panel weui-panel_access mt0 noborder_before noborder_after">
                                    <div class="weui-panel__hd noborder_after goodsDetailTitle">文字组合列表
                                        <div class="line"></div>
                                    </div>
                                    <div class="weui-panel__bd">
                                        <div class="weui-media-box weui-media-box_text noborder_before">
                                            {{data.content}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </script>
                    </div>
                </div>
            </section>
            <!-- 支付按钮 -->
            <section class="payWrap btn_color_0373dd">
                <div class="pay_btn" id="toBuy">
                    立即购买
                </div>
            </section>
        </section>
        <script src="/wx/js/lib/swiper-3.3.1.jquery.min.js"></script>
        <script src="/wx/js//busi/goods_detail.js"></script>
    </body>
</html>
